<template>
    <div class="nav-title">
        <div class="lf">
            <em v-if="leftTitle">{{leftTitle}}</em>
        </div>
        <div class="rf">
            <em class="more" @click="goMore">{{ rightTitle || '查看更多' }}</em>
        </div>
    </div>   
</template>
<script>
export default {
    props: {
        leftTitle: {
            type: String,
            default: ''
        },
        rightTitle: {
            type: String,
            default: ""
        }
    },
    methods: {
        //点击查看更多
        goMore(){
            this.$emit('goMore')
        }
    }
}
</script>
<style lang="less" scoped>
.nav-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 19px 6px;
    border-bottom: 1px solid rgba(25, 144, 253, 0.35);
    em{
        font-weight: 500;
        color: #02E0F7;
    }
    .more{
        cursor: pointer;
    }
}
</style>